<template>
	<view class="my_info br6">
		<!--地址-->
		<view class="add-address d-s-c" @click="addAddress_ziti()"
			v-if=" JSON.stringify(Address) == '{}' ||  (JSON.stringify(Address)).length<9">
			<view class="icon-box mr10">
				<text class="icon iconfont icon-dizhi1"></text>
			</view>
			<text>请选择门店地址</text>
		</view>
		<view class="address-defalut-wrap" @click="addAddress_ziti()" v-else>
			<view class="d-b-c">
				<view class="add-addr flex-1">
					<view class="flex-1">
						<!-- <text class="f30 ml10 fb"> <text>{{storepickup}}</text></text> -->
						<view class="">
							<view class="user f32">
								<text>{{Address.store_name}}</text>
							</view>
						</view>
						<view class="pt20 f26 gray3">
							<text > {{Address.address}}</text>
						</view>
						<view class="pt20 f26 gray3">
							<text >营业时间： {{Address.shop_hours}}</text>
						</view>
					</view>
					<view class="icon iconfont icon-jiantou ml80 f-s-0">
					</view>
				</view>
			</view>
		</view>
		<view class="bottom_line"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tokenInfo: ""
			}
		},
		props: ['Address', 'exist_address', 'dis', 'data_ziti', 'storepickup'],
		methods: {
			addAddress_ziti() {
				this.$parent.DistUp(this.data_ziti)
			},
		}
	}
</script>

<style lang="scss">
	.info {
		font-size: 33rpx;
		line-height: 43rpx;
	}

	.add-addr {
		display: flex;
		align-items: center;
	}

	.tel {
		font-size: 27rpx;
		color: #999999;
	}

	.choose-address {
		width: 88rpx;
		height: 88rpx;
		margin-right: 35rpx;
	}

	.icon-dizhi {
		margin-right: 25rpx;
		color: #ff6633;
		font-size: 60rpx;
	}

	.addree_icon {
		width: 42rpx;
		height: 42rpx;
	}

	.my_info {
		background-color: #FFFFFF;
		margin-top: 16rpx;
	}

	.icon-box .icon.icon-dizhi1 {
		@include font_color('font_color');
		font-size: 44rpx;
	}

	.my_info .icon.icon-jiantou {
		color: #333333;
		font-size: 24rpx;
	}

	.bottom_line {
		height: 10upx;
		background-image: linear-gradient(-45deg,
				#4CD9D2 0,
				#4CD9D2 10px,
				transparent 10px,
				transparent 15px,
				#FEA295 15px,
				#FEA295 25px,
				transparent 25px,
				transparent 30px);
		background-size: 40px 4upx;
		background-repeat: repeat-x;
		background-position: left bottom;
	}
</style>